<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/css/welcome.css}" media="all">
    <link rel="stylesheet" th:href="@{/css/layuimini.css?v=2.0.4.2}" media="all">
    <link rel="stylesheet" th:href="@{/css/themes/default.css}" media="all">
    <link rel="stylesheet" th:href="@{/lib/font-awesome-4.7.0/css/font-awesome.min.css}" media="all">

    <style>
        .PipeJoint{
            position: relative;
            width: 100%;
            height: 1200px;
            /* background-color: #00F7DE; */
            display: flex;
            justify-content: center;
            align-items: center;
            flex-flow: row wrap;
        }
        .column{
            margin: 50px!important;
        }


    </style>
</head>
<body>

<section class="mainbox">
    <div class="column">
        <div class="panel bar" style="margin-bottom: 50px">
            <h2>
                销售件数柱形图 <a href="javascript:;">2021</a>
                <a href="javascript:;">2022</a>
            </h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
        <div class="panel line">
            <h2>销售额(万)折线图</h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
<!--        <div class="panel pie">-->
<!--            <h2>电脑配件月销售占比</h2>-->
<!--            <div class="chart"></div>-->
<!--            <div class="panel-footer"></div>-->
<!--        </div>-->
    </div>
    <div class="column">
<!--        <div class="panel bar1">-->
<!--            <h2>年销售额</h2>-->
<!--            <div class="chart"></div>-->
<!--            <div class="panel-footer"></div>-->
<!--        </div>-->
        <div class="panel line1" style="margin-bottom: 50px">
            <h2>与上月销售额（千）对比</h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
        <div class="panel pie1">
            <h2>销售产品比例</h2>
            <div class="chart"></div>
            <div class="panel-footer"></div>
        </div>
    </div>
</section>
<script th:src="@{/js/flexible.js}" charset="utf-8"></script>
<script th:src="@{/webjars/jquery/3.5.1/jquery.min.js}" charset="utf-8"></script>
<script th:src="@{/js/echarts.min.js}" charset="utf-8"></script>
<script th:src="@{/js/welcome.js}" charset="utf-8"></script>
<script th:src="@{/layui/layui.js}" charset="utf-8"></script>
<script th:inline="javascript">


</script>
</body>
</html>
<!--    欢迎您: <span th:text="${session.userInfo.chName}"></span>-->
